@import './normalize.scss';
.el-dropdown-menu__item {
  font-size: 12px !important;
  line-height: 28px !important;
}

.el-card.is-always-shadow {
  box-shadow: none;
  border: none !important;
}

.el-scrollbar__view {
  height: 100%;
}

.el-menu--horizontal {
  border-bottom: none !important;
}

.el-menu {
  border-right: none !important;
}

.el-menu--display,
.el-menu--display + .el-submenu__icon-arrow {
  display: none;
}

.el-dropdown-menu__item--divided:before,
.el-menu,
.el-menu--horizontal > .el-menu-item:not(.is-disabled):focus,
.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover,
.el-menu--horizontal > .el-submenu .el-submenu__title:hover {
  //background-color: transparent;
}

.el-message__icon,
.el-message__content {
  display: inline-block;
}

.el-date-editor .el-range-input,
.el-date-editor .el-range-separator {
  height: auto;
  overflow: hidden;
}

.el-dialog__wrapper {
  z-index: 2048;
}


.el-col {
  margin-bottom: 8px;
}

.el-main {
  padding: 0 !important;
}

.el-dropdown-menu__item--divided:before, .el-menu, .el-menu--horizontal > .el-menu-item:not(.is-disabled):focus, .el-menu--horizontal > .el-menu-item:not(.is-disabled):hover, .el-menu--horizontal > .el-submenu .el-submenu__title:hover {
  //background-color: transparent !important;
}

.el-table__header{
  background: #F7F7F7;
}

.el-button--primary,.el-button--primary:hover,.el-button--default:hover{
  background-color: $mainBg;
  color: #fff;
}
.el-input.is-disabled .el-input__inner{
  background-color: transparent;
  color: #7b7d82;
}
.el-input.is-disabled .el-input__inner::placeholder{
  color: #7b7d82;
}

.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{
  background-color: $mainBg;
  border-color: $mainBg;
}
.el-checkbox__input.is-checked+.el-checkbox__label{
  color: $mainBg;
}
.el-pagination.is-background .el-pager li:not(.disabled).active {
 background-color: $mainBg;
 color: #FFF;
}

.deposit-content,.consume-content,.card-content{
    .el-range-editor.el-input__inner {
      width: 220px;
    }
}

.begin-execute-content,
.actuation-content,.execute-details-dialog
.appoint-details-dialog,
.health-details-dialog,
.add-appoint-dialog{
  .diagnose-table,.project-table,
  .begin-execute-popover,.content-table{
    .content-table-title{
      background: #F3F6FA;
    }
  }
}
.begin-execute-popover{
  .content-table-title{
    background: #F3F6FA;
  }
  .operation{
    cursor: pointer;
    color: $mainBg;
  }
}

.buy-member-card-popover{
  .select-combo{
    color: $mainBg;
    cursor: pointer;
  }
}

.diagnose_popover{
  .diagnose-content{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    .diagnose-item{
      margin: 5px;
      padding: 5px 10px;
      cursor: pointer;
      border: 1px solid $mainBg;
      border-radius: 5px;
    }
    .diagnose-item-selected,
    .diagnose-item:hover{
      background-color: $mainBg;
      color: #FFFFFF;
    }
  }
}

.edit-family-member-dialog{
  .edit-content{
    .left-item{
      .member-checkbox{
        .el-checkbox {
          font-weight: 400;
          width: 100%;
          display: flex;
          justify-content: space-between;
          flex-direction: row-reverse;
        }
      }
    }
  }
}

.card-setting-dialog{
  .setting-content{
    .el-radio__input.is-checked+.el-radio__label {
      color: $mainBg;
    }
    .el-radio__input.is-checked .el-radio__inner {
      border-color:  $mainBg;
      background:  $mainBg;
    }
  }
}
